<!--
	Created by   : zhouxiaofang
	Created time : 2017/04/08
	File explain : 施小包资金账户 > 账单 页面
-->
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>施小包资金账户 > 账单</title>
  <link rel="stylesheet" href="../../libs/zui/css/zui.css">
  <link rel="stylesheet" href="../../libs/bootstrap-table-dist/dist/css/bootstrap-table.min.css">
  <link rel="stylesheet" href="../../libs/datetimepicker/css/datetimepicker.min.css">
  <link rel="stylesheet" href="../../common/css/common.css">
  <link rel="stylesheet" href="bill.css">
</head>
<body>
<div class="index-container">
	<div id="app0"><my-header v-bind:username="message"></my-header></div>
	<div id="appMenu" class="index-aside-nav"><my-menu v-bind:username="message"></my-menu></div>
	<div class="cmn-main">
		<!-- 页头部分  包括：面包屑内容 -->
		<header class="cmn-breadcrumb">
		  <ul class="cmn-crumb">
			<li>
			  <a class="cmn-active-breadcrumb cmn-bread-0" href="javascript:void(0)">我的账户</a>
			</li>
			<li>
			  <i class="icon icon-angle-right"></i>
			  <a class="cmn-root-breadcrumb" href="javascript:void(0)">账单</a>
			</li>
		  </ul>
		</header>
		<div class="cmn-switch-btn-container">
			<span class="cmn-active-title cmn-list-info-team">账单</span>
		  </div>
		  <div class="account-detail">
			<div class="line-distance">
			  <span class="condition-title">交易类型：</span>
			  <p class="bill-inline-block1">
			  </p>
			</div>
			<div class="line-distance">
			  <span class="condition-title">状态：</span>
			  <p class="bill-inline-block2">
			  </p>

			</div>
			<div class="line-distance change-before-time">
			  <span class="condition-title">筛选时间：</span>
			  <span class="txt-distance" data-beforeMonth="all">全部</span>
			  <span class="txt-distance active" data-beforeMonth="1">1个月</span>
			  <span class="txt-distance" data-beforeMonth="3">3个月</span>
			  <span class="txt-distance" data-beforeMonth="12">1年</span>
			  <span class="txt-distance" data-beforeMonth="today">今天</span>

				<span class="cmn-query-name">日期 :</span>
				<div class="cmn-query-input cmn-query-blue-calendar">
				  <input class="cmn-query-import form-date" data-name="startTime" readonly/>

				  <input class="cmn-query-import form-date" data-name="endTime" readonly/>
				</div>
			</div>
		  </div>
		  <div class="cmn-table-container">
			<table class="table cmn-goods-table" id="id-receipt-list"
				   data-pagination="true"
				   data-side-pagination="server"
				   data-unique-id="id"
				   data-striped="true">
			  <thead class="cmn-install-head">
			  <tr>
				<th data-field="createdAtTH" data-align="center" data-valign="middle">交易时间</th>
				<th data-field="orderSn" data-align="center" data-valign="middle">交易号</th>
				<th data-field="tradeType" data-align="center" data-valign="middle">交易类型</th>
				<th data-field="mainAccountRealName" data-align="center" data-valign="middle">操作帐号</th>
				<th data-field="oppositeAccountRealName" data-align="center" data-valign="middle">对方账户</th>
				<th data-field="amountTH" data-align="right" data-valign="middle">金额（元）</th>
				<th data-field="status" data-align="center" data-valign="middle">状态</th>
				<th data-field="statusTH" data-align="center" data-valign="middle">操作</th>
			  </tr>
			  </thead>
			</table>
			<div class="receipt-list">
			  <div class="cmn-table-pager"></div>
			</div>
		  </div>
	</div>
    <!--main-->
	<div class="cmn-main">
	  
	</div>
</div>
<script data-main="bill" src="../../libs/require.js"></script>
</body>
</html>